<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="css/wd.css">
    <link rel="stylesheet" href="css/same.css">
</head>

<body>
    <div id="all">
        <header>
            <div class="head">
                <img src="imgs/wd/top.png" alt="" />
                <div class="h-zi">
                    <p>
                        我的
                    </p>
                    <img src="imgs/wd/小程序.png" alt="">
                </div>
            </div>
        </header>
        <section>
            <div class="s-1">
                <!-- 字 -->
                <div class="s-zi">
                    <h1>张铭亮</h1>
                    <p>机械工程学院 · 工业设计</p>
                </div>
                <!-- 头像 -->
                <div class="s-touxiang">
                    <img src="imgs/wd/txiang.png" alt="">
                </div>
            </div>
            <!-- 俩图片 -->
            <a href=""><img src="imgs/wd/消息.png" alt="" width="32px" height="32px"></a>
            <a href=""><img src="imgs/wd/设置.png" alt="" width="32px" height="32px"></a>
            <!-- 我的活动 -->
            <div class="s-m-all">
                <p>我的活动</p>
                <div class="s-4-all">
                    <div class="s-4-same">
                        <a href="我的活动.html">
                            <img src="imgs/wd/全部 .png" alt="">
                            <span>全部</span>
                        </a>
                    </div>
                    <div class="s-4-same">
                        <a href="我的活...在参与.html">
                            <img src="imgs/wd/正在参与.png" alt="">
                            <span>正在参与</span>
                        </a>
                    </div>
                    <div class="s-4-same">
                        <a href="我的活...待审核.html">
                            <img src="imgs/wd/待审核.png" alt="">
                            <span>待审核</span>
                        </a>
                    </div>
                    <div class="s-4-same">
                        <a href="我的活..评价.html">
                            <img src="imgs/wd/待评价.png" alt="">
                            <span>待评价</span>
                        </a>
                    </div>
                </div>
            </div>
            <!-- 两行字 -->
           <div class="s-2-zi">
               <a href="">
                   <span>意见与反馈</span>
                   <img src="imgs/wd/jiantou.png" alt="">
               </a>
           </div>
           <div class="s-2-zi">
               <a href="">
                   <span>推荐给好友</span>
                   <img src="imgs/wd/jiantou.png" alt="">
               </a>
           </div>
        </section>
        <footer class="foot-all">
            <!-- 底部导航 -->
            <!-- 1 -->
            <a href="首页1.html">
                <div class="foot-same">
                    <img src="imgs/wd/yj1.png" alt="">
                    <p>首页</p>
                </div>
            </a>
            <!-- 2 -->
            <a href="评价.html">
                <div class="foot-same">
                    <img src="imgs/wd/yj2.png" alt="">
                    <p>评价</p>
                </div>
            </a>
            <!-- 3 -->
            <a href="我的.html">
                <div class="foot-same">
                    <img src="imgs/wd/yj3.png" alt="">
                    <p>我的</p>
                </div>
            </a>
        </footer>
</body>

</html>